<template>
    <div class="lift-top">
        <!-- 轮播图 -->
        <div class="carousel">
            <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
                <van-swipe-item>
                    <img src="/image/Life/car1.png" alt="">
                </van-swipe-item>
                <van-swipe-item>
                    <img src="/image/Life/car2.png" alt="">
                </van-swipe-item>
                <van-swipe-item>
                    <img src="/image/Life/car3.png" alt="">
                </van-swipe-item>
                <van-swipe-item>
                    <img src="/image/Life/car4.png" alt="">
                </van-swipe-item>
            </van-swipe>
        </div>
        <!-- 霸王餐和菜谱 -->
        <div class="list">
            <router-link to="/overlord"><img src="/../image/Life/foodlist1.png" alt=""></router-link>
            
            <img src="/../image/Life/foodlist2.png" alt="">
        </div>
    </div>
    
</template>

<script>
export default {

}
</script>

<style scoped>
    .lift-top{
        display: flex;
        justify-content: space-between;
        margin: .8rem .12rem .09rem .12rem;
    }
    .carousel{
        width: 2.61rem;
        height: 2.21rem;
        overflow: hidden; 
    }
    .my-swipe{
        width: 2.61rem;
        height: 2.21rem;
        overflow: hidden;
        position: relative;
    }

    .my-swipe .van-swipe-item {
        width: 2.61rem;
        height: 2.21rem;
    }
    .van-swipe-item img{
        width: 100%;
        height: 100%;
    }
    .van-swipe__indicators{
        position: absolute;
        top: .115rem;
    }
    .list{
        width: 1.2rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        flex-wrap: wrap;
        
    }
    .list img{
        width: 1.2rem;
        height: 1.07rem;
    }
</style>